/* title */
.bannerpic{padding-bottom: 650px;}

.home_title{line-height: 1;text-align: center;font-weight: 600;padding-bottom: 50px;position: relative;z-index: 5;}
.home_title p{font-size: 40px;color: #00b259;}
.home_title p a{color: #00b259;}
.home_title span{display: block;width: 280px;height: 15px;margin: 20px auto 0;position: relative;background: url(../images/icon3.png) center no-repeat;}
.home_title span *{width: 120px;height: 1px;position: absolute;left:0;top: 7px;background: #7dd6a9;}
.home_title span i{left: auto;right: 0;}
.home_title.title2 p,
.home_title.title2 p a{color: #fff;}
.home_title.title2 span{background-image: url(../images/icon4.png);}
.home_title.title2 span *{background: #fff;}

.home_title p a:hover{color: #ffbf00;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #00b359;}

@media only screen and (max-width:1440px){
.home_title{padding-bottom: 45px;}
.bannerpic{padding-bottom: 45%;}
}
@media only screen and (max-width:1250px){
.home_title{padding-bottom: 40px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 35px;}
.home_title p{font-size: 35px;}
.home_title span{margin-top: 15px;}
}
@media only screen and (max-width:768px){
.home_title p{font-size: 30px;}
.home_title span{width: 240px;}
.home_title span *{width: 100px;}
.swiper-pagination-bullet{margin: 0 7px;padding: 3px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 30px;}
.home_title p{font-size: 25px;}
.home_title span{width: 200px;}
.home_title span *{width: 80px;}
.swiper-pagination-bullet{margin: 0 5px;}
}

/* product */
.productbox{padding: 80px 0;background: #fafafa;}
.productbox .clabox{padding-bottom: 60px;position: relative;z-index: 5;text-align: center;}
.productbox .clabox .titl{width: 100%;}
.productbox .clabox .titl p{width: 50%;float: left;padding-bottom: 10px;position: relative;overflow: hidden;}
.productbox .clabox .titl p::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.productbox .clabox .titl p a{display: block;color: #fff;font-weight: 600;font-size: 24px;line-height: 30px;padding: 20px;background: #00b359;}
.productbox .clabox .titl p span{width: 100%;height: 10px;background: url(../images/icon5.png) center bottom no-repeat;position: absolute;bottom: 0;}
.productbox .clabox .titl p[c='1'] a{border-radius: 5px 0 0 5px;background: #ffbf00;}
.productbox .clabox .titl .p[c='1'] a{background: #00b359;}
.productbox .clabox .titl p[c='1'] span{left: 0;}
.productbox .clabox .titl .p[c='1'] span{left: 100%;}
.productbox .clabox .titl p[c='2'] a{border-radius: 0 5px 5px 0;}
.productbox .clabox .titl p[c='2'] span{left: -100%;}
.productbox .clabox .titl .p.on a{background: #ffbf00;}
.productbox .clabox .titl .p.on span{left: 0;}
.productbox .clabox .titl p:hover::after{width: 0;}

.productbox .clabox .list{width: 100%;margin-top: 32px;position: relative;}
.productbox .clabox .list ul{width: 100%;flex-wrap: wrap;justify-content: center;position: absolute;top: 0;opacity: 0;z-index: -1;transition: .5s;}
.productbox .clabox .list ul::after{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;}
.productbox .clabox .list ul[c="1"]{position: relative;left: 0;opacity: 1;z-index: 5;}
.productbox .clabox .list ul[c="1"]::after{width: 0;}
.productbox .clabox .list .ul[c="1"]{position: absolute;left: -100%;opacity: 0;z-index: -1;}
.productbox .clabox .list .ul[c="2"]{left: 100%;}
.productbox .clabox .list ul li{width: 16.667%;float: left;padding: 3px;text-align: center;line-height: 20px;flex-shrink: 0;position: relative;z-index: 1;-webkit-transition: z-index .5s;-moz-transition: z-index .5s;transition: z-index .5s;}
.productbox .clabox .list ul li .f1{height: 100%;min-height: 50px;background: #00b359;border-radius: 3px;position: relative;}
.productbox .clabox .list ul li .f1 a{display: block;font-size: 15px;font-weight: 600;color: #fff;padding: 5px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

.productbox .clabox .list ul li dl{width: 100%;background: #edb200;position: absolute;left: 0;top: 100%;box-shadow: 0 2px 10px rgba(0,0,0,.2);border-radius: 5px;border: 3px solid #fff;opacity: 0;margin-top: -3px;}
.productbox .clabox .list ul li dl a{display: block;width: 100%;line-height: 0;padding: 0 5px;color: #fff;background: #ffbf00;overflow: hidden;}
.productbox .clabox .list ul li dl dt:first-child a{margin: 0;}
.productbox .clabox .list ul li dl a:hover{background: #00b359;}

.productbox .clabox .list .ul.on{position: relative;left: 0;opacity: 1;z-index: 5;}
.productbox .clabox .list .ul.on::after{width: 0;}
.productbox .clabox .list ul li:hover{z-index: 5;}
.productbox .clabox .list ul li:hover .f1{background: #ffbf00;}
.productbox .clabox .list ul li:hover dl{opacity: 1;}
.productbox .clabox .list ul li:hover dl a{line-height: 20px;padding: 10px 5px;margin-top: 1px;}

.productbox .prolist ul{margin: 0 -10px;}
.productbox .prolist ul li{width: 25%;padding: 0 10px 20px;text-align: center;float: left;}
.productbox .prolist ul li a{display: block;background: #fafafa;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.productbox .prolist ul li p{width: 100%;overflow: hidden;position: relative;background: #fff;}
.productbox .prolist ul li p em{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.productbox .prolist ul li p em img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.productbox .prolist ul li p span,
.productbox .prolist ul li p i{border-radius: 50px;position: absolute;left: 50%;top: 50%;opacity: 0;}
.productbox .prolist ul li p span{width: 100px;height: 100px;background: rgba(0,180,90,.25);margin: -50px;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
.productbox .prolist ul li p i{width: 70px;height: 70px;background: rgba(0,180,90,.5) url(../images/icon6.png) center no-repeat;margin: -35px;-webkit-transform: rotateZ(-90deg);-moz-transform: rotateZ(-90deg);transform: rotateZ(-90deg);}
.productbox .prolist ul li p i:hover{background-color: #ffbf00;}
.productbox .prolist ul li h3{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;line-height: 30px;padding: 6% 5px;}
.productbox .prolist ul li h3:hover{color: #fff;background: #ffbf00;}

.productbox .prolist ul li:hover a{background: #00b359;box-shadow: 0 2px 15px rgba(0,0,0,.2);}
.productbox .prolist ul li:hover p span,
.productbox .prolist ul li:hover p i{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.productbox .prolist ul li:hover h3{color: #fff;}

@media only screen and (max-width:1440px){
.productbox{padding: 65px 0;}
.productbox .clabox{padding-bottom: 50px;}
.productbox .clabox .list{margin-top: 30px;}
.productbox .prolist ul{margin: 0 -5px 5px;}
.productbox .prolist ul li{padding: 0 5px 10px;}
.productbox .prolist ul li h3{padding: 5% 5px;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 60px 0;}
.productbox .clabox{padding-bottom: 45px;}
.productbox .clabox .titl p a{padding: 15px;font-size: 20px;}
.productbox .clabox .list{margin-top: 25px;}
.productbox .clabox .list ul li{padding: 2px;}
.productbox .prolist ul li p span{width: 80px;height: 80px;margin: -40px;}
.productbox .prolist ul li p i{width: 60px;height: 60px;margin: -30px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 50px 0;}
.productbox .clabox{padding-bottom: 35px;}
.productbox .clabox .titl p a{padding: 10px;font-size: 18px;}
.productbox .clabox .list{margin-top: 20px;}
.productbox .clabox .list ul li{width: 25%;}
.productbox .clabox .list ul li dl::after{content: "";width: 100%;height: 48px;position: absolute;left: 0;top: -48px;-webkit-transition: width .5s ease;-moz-transition: width .5s ease;transition: width .5s ease;}
.productbox .clabox .list ul li:hover dl::after{width: 0;}
.productbox .clabox .list ul li .f1{min-height: 44px;line-height: 17px;}
.productbox .prolist ul{margin: 0 -3px;}
.productbox .prolist ul li{padding: 0 3px 10px;}
.productbox .prolist ul li p span{width: 70px;height: 70px;margin: -35px;}
.productbox .prolist ul li p i{width: 50px;height: 50px;margin: -25px;}
.productbox .prolist ul li h3{padding: 4% 5px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0;}
.productbox .clabox .list ul{justify-content: left;}
.productbox .clabox .list ul li{width: 33.334%;}
.productbox .prolist ul{margin: 0 -5px;}
.productbox .prolist ul li{padding: 0 5px 10px;width: 50%;}
.productbox .prolist ul li p span{width: 80px;height: 80px;margin: -40px;}
.productbox .prolist ul li p i{width: 60px;height: 60px;margin: -30px;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0;}
.productbox .clabox{padding-bottom: 30px;}
.productbox .clabox .titl p a{font-size: 17px;}
.productbox .clabox .list{margin-top: 15px;}
.productbox .clabox .list ul li{width: 50%;padding: 1px;}
.productbox .prolist ul{margin: 0 -3px;}
.productbox .prolist ul li{padding: 0 3px 6px;}
.productbox .prolist ul li p span{width: 60px;height: 60px;margin: -30px;}
.productbox .prolist ul li p i{width: 48px;height: 48px;margin: -24px;}
}

/* advantage */
.advantagebox{padding: 90px 0 75px; background: #021426 url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;}
.advantagebox ul{margin: 0 -20px;flex-wrap: wrap;}
.advantagebox ul li{width: 33.333%;float: left;flex-shrink: 0;padding: 0 20px 35px;text-align: center;color: #fff;font-size: 16px;line-height: 25px;}
.advantagebox ul li div{width: 100%;height: 100%;padding: 40px 8%;background: rgba(0,180,90,.8);cursor: pointer;border-radius: 3px;overflow: hidden;}
.advantagebox ul li:nth-of-type(even) div{background: rgba(0,0,0,.3);}
.advantagebox ul li em{display: block;height: 70px;padding: 5px 0;}
.advantagebox ul li em img{height: 100%;}
.advantagebox ul li p{font-size: 25px;line-height: 1;padding: 15px 0;}
.advantagebox ul li span{display: block;max-width: 300px;height: 50px;margin: 0 auto;}
.advantagebox ul li:hover div{background: #ffbf00;}

@media only screen and (max-width:1440px){
.advantagebox{padding: 75px 0 70px;}
.advantagebox ul{margin: 0 -15px;}
.advantagebox ul li{padding: 0 15px 25px;}
}
@media only screen and (max-width:1250px){
.advantagebox{padding: 65px 0;}
.advantagebox ul{margin: 0 -10px;}
.advantagebox ul li{padding: 0 10px 15px;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 55px 0;}
.advantagebox ul{margin: 0 -5px;}
.advantagebox ul li{padding: 0 5px 15px;font-size: 15px;}
.advantagebox ul li div{padding: 30px 8%;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 50px 0;}
.advantagebox ul li{width: 50%;padding: 0 5px 10px;}
.advantagebox ul li div{padding: 30px 5%;}
.advantagebox ul li:nth-child(3) div{background: rgba(0,0,0,.3);}
.advantagebox ul li:nth-child(4) div{background: rgba(0,180,90,.8);}
.advantagebox ul li span{margin-top: -3px;}
.advantagebox ul li:hover div{background: #ffbf00;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 50px 0 40px;}
.advantagebox ul li em{height: 50px;padding: 0;}
}
@media only screen and (max-width:425px){
.advantagebox ul li{width: 100%;padding: 0 5px 10px;font-size: 16px;}
.advantagebox ul li div{padding: 25px 5%;}
.advantagebox ul li em{height: 70px;padding: 5px;}
.advantagebox ul li span{margin-top: 0;height: auto;}
.advantagebox ul li:nth-child(3) div{background: rgba(0,180,90,.8);}
.advantagebox ul li:nth-child(4) div{background: rgba(0,0,0,.3);}
.advantagebox ul li:hover div{background: #ffbf00;}
}

/* company */
.companybox{padding: 80px 0;background: url(../images/bg2.jpg) center top no-repeat;background-size: 100% auto;}
.companybox .list{width: 100%;padding-bottom: 30px;}
.companybox .list ul li{width: 25%;float: left;flex-shrink: 0;padding: 35px 15px;line-height: 1;text-align: center;}
.companybox .list ul li p{display: inline-block;padding-right: 20px;position: relative;color: #00b359;}
.companybox .list ul li p strong{font-size: 50px;}
.companybox .list ul li p em{font-style: normal;font-size: 15px;position: absolute;right: 0;bottom: 9px;color: #666;}
.companybox .list ul li p i{font-style: normal;font-size: 20px;position: absolute;right: 2px;top: 3px;}
.companybox .list ul li span{font-size: 18px;display: block;padding: 12px 0 5px;}

.companybox .cont{width: 100%;position: relative;}
.companybox .cont .pic{width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.companybox .cont .pic p{width: 100%;height: 100%;}
.companybox .cont .pic p em{display: block;width: 100%;height: 100%;position: relative;z-index: -1;}
.companybox .cont .pic p em img{height: 100%;min-width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.companybox .cont .txt{width: 50%;height: 400px;float: left;background: #00b359 url(../images/bg3.jpg) center no-repeat;background-size: auto 100%;padding: 60px;color: #fff;}
.companybox .cont .txt .titl{width: 100%;font-size: 30px;padding: 5px 0;line-height: 1;}
.companybox .cont .txt .text{width: 100%;min-height: 140px;max-height: 150px;font-size: 15px;line-height: 2;font-weight: 600;margin: 20px 0;}
.companybox .cont .txt .more{width: 100%;padding-top: 5px;}
.companybox .cont .txt .more a{float: left;font-size: 15px;font-weight: 600;line-height: 30px;padding: 4px 24px;border: 1px solid #fff;color: #fff;}
.companybox .cont .txt .more a:hover{background: #fff;color: #00b359;}

@media only screen and (max-width:1440px){
.companybox{padding: 70px 0;}
.companybox .list{padding-bottom: 25px;}
.companybox .list ul li{padding: 30px 10px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 60px 0;}
.companybox .list ul li{padding: 20px 10px;}
.companybox .cont .txt{height: 360px;padding: 45px 4%;}
.companybox .cont .txt .text{max-height: 175px;margin: 15px 0;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 55px 0;}
.companybox .list{padding-bottom: 20px;}
.companybox .list ul li{padding: 10px;}
.companybox .list ul li p strong{font-size: 42px;}
.companybox .list ul li p em{bottom: 7px;}
.companybox .list ul li p i{font-size: 18px;right: 3px;top: 2px;}
.companybox .list ul li span{font-size: 18px;padding: 10px 0 5px;}
.companybox .cont .txt{height: 360px;padding: 40px 3%;}
.companybox .cont .txt .titl{font-size: 25px;padding: 0;font-weight: 600;}
.companybox .cont .txt .text{min-height: 170px;max-height: 205px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 50px 0;}
.companybox .list ul{margin: 0 -5px;flex-wrap: wrap;}
.companybox .list ul li{padding: 0 5px 10px;width: 50%;}
.companybox .list ul li div{background: #00b359;border-radius: 3px;padding: 10% 5%;color: #fff;}
.companybox .list ul li:hover div{background: #ffbf00;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.companybox .list ul li p,
.companybox .list ul li p em{color: #fff;}
.companybox .list ul li span{padding-bottom: 0;}
.companybox .cont .pic{width: 100%;position: relative;height: auto;max-height: 360px;}
.companybox .cont .pic p em img{width: 100%;height: auto;position: relative;left: 0;top: 0;-webkit-transform: none;-moz-transform: none;transform: none;}
.companybox .cont .txt{width: 100%;height: auto;padding: 45px 6%;background-size: 100% 100%;}
.companybox .cont .txt .text{min-height: auto;max-height: none;margin: 20px 0;}
}
@media only screen and (max-width:480px){
.companybox{padding: 45px 0;}
.companybox .list ul{margin: 0 -2px;}
.companybox .list ul li{padding: 0 2px 4px;}
.companybox .cont .txt{padding: 8% 5%;background-size: auto 100%;}
.companybox .cont .txt .text{margin: 5% 0;}
}

/* field */
.fieldbox .list{width: 100%;}
.fieldbox ul li{width: 20%;float: left;text-align: center;position: relative;}
.fieldbox ul li::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.fieldbox ul li a{width: 100%;height: 100%;overflow: hidden;display: block;position: relative;color: #fff;}
.fieldbox ul li em{padding-bottom: 133.334%;z-index: -1;}
.fieldbox ul li em img{width: 100.5%;max-height: none;min-height: 100.5%;}
.fieldbox ul li p{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;z-index: 5;overflow: hidden;}
.fieldbox ul li p span{font-size: 24px;line-height: 2;padding: 5px;min-width: 120px;max-width: 90%;border: 1px solid rgba(255,255,255,.75);border-width: 1px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.fieldbox ul li:hover::after{height: 0;}
.fieldbox ul li:hover p{height: 60px;background: rgba(0,180,90,.75);}
.fieldbox ul li:hover p span{min-width: 90%;border-color: rgba(255,255,255,0);}

@media only screen and (max-width:1250px){
.fieldbox ul li{width: 25%;}
}
@media only screen and (max-width:1024px){
.fieldbox ul li p span{font-size: 20px;min-width: 100px;}
.fieldbox ul li:hover p{height: 50px;}
}
@media only screen and (max-width:768px){
.fieldbox ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.fieldbox ul li p span{font-size: 16px;font-weight: 600;padding: 3px;}
.fieldbox ul li:hover p{height: 40px;}
}

/* customer */
.customerbox{padding: 80px 0 40px;}
.customerbox .list{padding-bottom: 50px;margin-bottom: 15px;}
.customerbox ul li{width: 25%;float: left;}
.customerbox ul li .cont{width: 100%;height: 100%;overflow: hidden;}
.customerbox ul li .pic{width: 100%;border: 1px solid #ddd;text-align: center;}
.customerbox ul li .pic a{display: block;width: 100%;height: 100%;padding-bottom: 178px;}
.customerbox ul li .pic a img{max-width: 90%;max-height: 90%;}

.customerbox ul li .txt{width: 100%;}
.customerbox ul li .txt .titl{width: 100%;padding: 20px 0 10px;}
.customerbox ul li .txt .titl a{display: block;font-size: 15px;font-weight: 600;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.customerbox ul li .txt .text{width: 100%;overflow: hidden;line-height: 25px;color: #808080;}

@media only screen and (max-width:1440px){
.customerbox{padding: 65px 0 30px;}
.customerbox .list{padding-bottom: 45px;}
.customerbox ul li .txt .titl{padding: 15px 0 5px;}
}
@media only screen and (max-width:1250px){
.customerbox{padding: 60px 0 20px;}
.customerbox ul li .pic a{padding-bottom: 158px;}
}
@media only screen and (max-width:1024px){
.customerbox{padding: 55px 0 20px;}
.customerbox .list{padding-bottom: 40px;margin-bottom: 10px;}
}
@media only screen and (max-width:768px){
.customerbox{padding: 50px 0 15px;}
.customerbox ul li .pic a{padding-bottom: 55%;}
.customerbox ul li .txt{text-align: center;padding: 0 2%;}
}
@media only screen and (max-width:480px){
.customerbox{padding: 45px 0 15px;}
.customerbox ul li .txt .titl{padding: 10px 0 5px;}
.customerbox ul li .txt .text{line-height: 20px;}
}
@media only screen and (max-width:425px){
.customerbox ul li .pic a{padding-bottom: 55%;}
.customerbox ul li .txt .titl a{line-height: 30px;}
.customerbox ul li .txt .text{line-height: 25px;}
}

/* honor */
.honorbox{padding: 80px 0;background: url(../images/bg5.jpg) center top no-repeat;background-size: 100% 100%;}
.honorbox .list{background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,.1);padding: 49px;margin-bottom: 5px;}
.honorbox .list .swiper-picture{padding-bottom: 20px;}

.honorbox ul li{width: 25%;float: left;text-align: center;padding: 1px;}
.honorbox ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.honorbox ul li p{width: 100%;border: 1px solid #ddd;overflow: hidden;padding: 4px;}
.honorbox ul li p em{padding-bottom: 75%;}
.honorbox ul li p em img{max-width: 90%;max-height: 90%;}
.honorbox ul li h3{display: block;width: 100%;font-size: 15px;font-weight: 600;line-height: 25px;padding: 10px 5px;margin: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #f0f0f0;}
.honorbox ul li:hover h3{background: #00b359;color: #fff;}
.honorbox ul li h3:hover{background: #ffbf00;}

.honorbox .list .swiper-pagination{bottom: 30px;}

@media only screen and (max-width:1440px){
.honorbox{padding: 70px 0;background-size: auto 100%;}
.honorbox .list{padding: 29px;}
.honorbox .list .swiper-picture{padding-bottom: 25px;}
.honorbox .list .swiper-pagination{bottom: 20px;}
}
@media only screen and (max-width:1250px){
.honorbox{padding: 60px 0;}
.honorbox .list{padding: 24px;}
.honorbox .list .swiper-picture{padding-bottom: 30px;}
}
@media only screen and (max-width:1024px){
.honorbox{padding: 55px 0;}
.honorbox .list{padding: 19px;}
.honorbox .list .swiper-picture{padding-bottom: 25px;}
.honorbox .list .swiper-pagination{bottom: 15px;}
.honorbox ul li h3{line-height: 20px;}
}
@media only screen and (max-width:768px){
.honorbox{padding: 50px 0;}
}
@media only screen and (max-width:480px){
.honorbox{padding: 45px 0;}
.honorbox .list{padding: 3% 3% 14px;}
.honorbox .list .swiper-picture{padding-bottom: 20px;}
.honorbox .list .swiper-pagination{bottom: 10px;}
.honorbox ul li h3{padding: 8px 5px;}
}
@media only screen and (max-width:425px){
.honorbox .list{padding: 5% 5% 19px;}
.honorbox .list .swiper-picture{padding-bottom: 25px;}
.honorbox .list .swiper-pagination{bottom: 15px;}
.honorbox ul li h3{padding: 10px 5px;}
}

/* news */
.newsbox ul{margin: 0 -10px;}
.newsbox ul li{width: 50%;float: left;padding: 0 10px;overflow: hidden;}
.newsbox ul li .txt{width: 100%;font-size: 15px;line-height: 25px;color: #808080;overflow: hidden;padding: 30px 35px;position: relative;}
.newsbox ul li .txt .titl{width: 100%;padding-top: 25px;}
.newsbox ul li .txt .titl a{font-size: 22px;padding: 10px 0;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .txt .text{width: 100%;height: 50px;overflow: hidden;}
.newsbox ul li .txt .text br{display: none;}
.newsbox ul li .txt .time{position: absolute;left: 35px;top: 30px;font-size: 16px;-webkit-transition: left .5s;-moz-transition: left .5s;transition: left .5s;}

.newsbox ul li .pic{width: 100%;overflow: hidden;}
.newsbox ul li .pic a{padding-bottom: 360px;}
.newsbox ul li .pic a em{position: absolute;width: 100%;height: 100%;z-index: 5;background: rgba(0,0,0,.05);}

.newsbox ul li.li_1 .txt{padding: 30px 0;}
.newsbox ul li.li_1 .txt .time{left: 0;}
.newsbox ul li.li_1 .txt:hover{padding: 30px 35px;}
.newsbox ul li.li_1 .txt:hover .time{left: 35px;}
.newsbox ul li.li_1 .pic{display: block;}

.newsbox ul li.li_5{display: none;}

.newsbox ul li .txt:hover{background: #00b359;color: #fff;}
.newsbox ul li .txt:hover .titl a{color: #fff;}

@media only screen and (max-width:1250px){
.newsbox ul{margin: 0 -5px;}
.newsbox ul li{padding: 0 5px;}
.newsbox ul li .txt{padding: 20px 25px;}
.newsbox ul li .txt .time{left: 25px;top: 20px;}
.newsbox ul li .pic a{padding-bottom: 320px;}
.newsbox ul li.li_1 .txt{padding: 20px 0;}
.newsbox ul li.li_1 .txt:hover{padding: 20px 25px;}
.newsbox ul li.li_1 .txt:hover .time{left: 25px;}
}
@media only screen and (max-width:1024px){
.newsbox ul li{width: 50%;padding-left: 5px;}
.newsbox ul li .txt{padding: 15px 20px;}
.newsbox ul li .txt .titl a{font-size: 16px;font-weight: 600;}
.newsbox ul li .txt .text{height: 70px;padding: 2px 0;line-height: 22px;}
.newsbox ul li .txt .time{left: 20px;top: 15px;}
.newsbox ul li.li_1 .txt{padding: 15px 0;}
.newsbox ul li.li_1 .txt:hover{padding: 15px 20px;}
.newsbox ul li.li_1 .txt:hover .time{left: 20px;}
}
@media only screen and (max-width:768px){
.newsbox ul{margin: -15px 0 0;}
.newsbox ul li{width: 100%;padding: 0 0 15px;border-bottom: 1px dotted #ccc;margin-top: 15px;position: relative;}
.newsbox ul li.li_1 .txt,
.newsbox ul li .txt{width: 75%;float: right;padding: 0;}
.newsbox ul li .txt .titl{padding: 0;}
.newsbox ul li .txt .text{height: 50px;padding: 0;line-height: 25px;font-size: 14px;}
.newsbox ul li.li_1 .txt .time,
.newsbox ul li .txt .time{left: 0;top: 0;position: relative;padding-top: 5px;font-size: 15px;line-height: 20px;}
.newsbox ul li .pic{width: 24%;max-width: 150px;display: block;float: left;border: 1px solid #e6e6e6;}
.newsbox ul li .pic a{padding-bottom: 110px;}
.newsbox ul li.li_1 .txt:hover,
.newsbox ul li .txt:hover{background: none;padding: 0 0 0 5px;color: #333;}
.newsbox ul li .txt:hover .titl a{color: #00b359;}
.newsbox ul li.li_1 .txt:hover .time,
.newsbox ul li .txt:hover .time{left: 0;top: 0;}
.newsbox ul li.li_5{display: block;}
}
@media only screen and (max-width:480px){
.newsbox ul{margin-top: -20px;}
.newsbox ul li{margin-top: 20px;}
.newsbox ul li.li_1 .txt,
.newsbox ul li .txt{width: 100%;padding-top: 10px;}
.newsbox ul li .txt .text{height: auto;font-size: 15px;}
.newsbox ul li .pic{width: 100%;max-width: 100%;}
.newsbox ul li .pic a{padding-bottom: 56.25%;}
.newsbox ul li.li_1 .txt:hover,
.newsbox ul li .txt:hover{padding: 10px 0 0;}
}

/* faq */
.faqbox{padding: 55px 0;}
.faqbox ul{margin: -1px;flex-wrap: wrap;}
.faqbox ul li{width: 50%;padding: 1px;float: left;flex-shrink: 0;}
.faqbox ul li.li_5{display: none;}
.faqbox ul li div{width: 100%;height: 100%;background: #f1f3f5;font-size: 15px;line-height: 25px;padding: 25px;}
.faqbox ul li .titl a{font-size: 22px;padding: 5px 0 5px 30px;display: block;background: url(../images/icon7.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #00b359;}
.faqbox ul li .text{padding-left: 30px;margin: 5px 0;background: url(../images/icon9.png) left 2px no-repeat;color: #666;}
.faqbox ul li .text br{display: none;}
.faqbox ul li .more a{float: left;padding: 5px 0 0 30px;color: #666;}
.faqbox ul li .titl a:hover,
.faqbox ul li .more a:hover{text-decoration: underline;}

.faqbox ul li:hover div{background: #00b359;}
.faqbox ul li:hover .titl a{color: #fff;background-image: url(../images/icon8.png);}
.faqbox ul li:hover .text{color: #fff;background-image: url(../images/icon10.png);}
.faqbox ul li:hover .more a{color: #fff;}

@media only screen and (max-width:1440px){
.faqbox{padding: 50px 0;}
}
@media only screen and (max-width:1250px){
.faqbox{padding: 45px 0;}
.faqbox ul li div{padding: 15px;}
.faqbox ul li .text{margin: 2px 0;}
}
@media only screen and (max-width:1024px){
.faqbox{padding: 35px 0;}
.faqbox ul li .titl a{font-size: 16px;font-weight: 600;}
.faqbox ul li .text{line-height: 22px;}
}
@media only screen and (max-width:768px){
.faqbox{padding: 30px 0;}
.faqbox .home_title{padding-top: 20px;}
.faqbox ul li{width: 100%;}
.faqbox ul li.li_5{display: block;}
.faqbox ul li div{font-size: 14px;}
.faqbox ul li .text{line-height: 25px;}
}
@media only screen and (max-width:480px){
.faqbox{padding: 25px 0;}
.faqbox ul li div{padding: 10px;}
.faqbox ul li .titl a,
.faqbox ul li .text,
.faqbox ul li .more a{margin: 0;padding-left: 27px;}
}

/* contact */
.contactbox{padding: 30px 0 25px;background: url(../images/bg6.jpg) center bottom no-repeat;background-size: 100% 100%;}
.contactbox .cont{box-shadow: 0 0 20px rgba(0,0,0,.1);background: #fff;}

.contactbox .txtbox{width: 50%;background: #fff url(../images/bg8.jpg) 30% bottom no-repeat;float: left;flex-shrink: 0;background-size: auto 100%;}
.contactbox .txtbox .txt{width: 100%;height: 100%;padding: 45px 50px;}
.contactbox .txtbox .titl{font-size: 24px;line-height: 1;color: #00b359;font-weight: 600;padding-top: 5px;}
.contactbox .txtbox .titl em{width: 2em;padding-top: 18px;display: block;border-bottom: 2px solid #00b359;}
.contactbox .txtbox .text{width: 100%;padding-top: 25px;overflow: hidden;font-size: 15px;line-height: 25px;color: #666;}
.contactbox .txtbox .text p{padding: 5px 0;}

#order{width: 50%;float: right;flex-shrink: 0;background: #191919 url(../images/bg7.jpg) center no-repeat;background-size: 100% auto;position: relative;}
#order .titl{width: 100%;font-size: 24px;line-height: 1;color: #fff;position: absolute;left: 50px;top: 50px;white-space: nowrap;}
#order ul{margin: 0 -10px 0 -5px;height: 100%;padding: 100px 50px 50px;overflow: hidden;}
#order ul li{width: 50%;float: left;padding: 10px 10px 5px 5px;position: relative;}
#order ul li .red{position: absolute;right: 15px;top: 50%;margin-top: -7px;line-height: 25px;color: #fff;}
#order ul li img{position: absolute;right: 10px;top: 10px;padding: 11px;background: #fff;cursor: pointer;border-radius: 3px;}
#order ul li .txt{color: #fff;display: block;width: 100%;overflow: hidden;background: rgba(255,255,255,.5);line-height: 18px;padding: 10px 14px;border: 1px solid #fff;border-radius: 3px;}
#order ul li.li_2{width: 100%;}
#order ul li.li_2 .txt{height: 100px;}
#order ul li.li_3{padding-right: 90px;}
#order ul li.li_3 .red{right: 95px;}
#order ul li.li_4{float: right;max-width: 170px;}
#order ul li.li_4 .tj{display: block;width: 100%;background: #00b359;color: #fff;font-size: 15px;font-weight: 600;line-height: 40px;cursor: pointer;border-radius: 3px;}
#order ul li.li_4 .tj:hover{background-color: #ffbf00;}

#order ul li .txt::-webkit-input-placeholder{color: #fff;}
#order ul li .txt:-moz-placeholder{color: #fff;}
#order ul li .txt::-moz-placeholder{color: #fff;}
#order ul li .txt:-ms-input-placeholder{color: #fff;}

@media only screen and (max-width:1440px){
.contactbox{padding: 25px 0 20px;background-size: auto 100%;}
.contactbox .txtbox .txt{padding: 40px 45px;}
#order .titl{left: 45px;top: 45px;}
#order ul{padding: 90px 45px 45px;}
}
@media only screen and (max-width:1250px){
.contactbox{padding: 20px 0;}
.contactbox .txtbox{background-position-x: center;}
.contactbox .txtbox .txt{padding: 35px;}
.contactbox .txtbox .titl{font-size: 20px;}
.contactbox .txtbox .text{padding-top: 20px;line-height: 22px;}
#order .titl{left: 35px;top: 40px;font-size: 20px;font-weight: 600;}
#order ul{padding: 80px 35px 35px;margin: 0 -5px;}
#order ul li{padding: 10px 5px 5px;}
#order ul li .red{right: 10px;}
#order ul li img{right: 5px;}
#order ul li.li_3{padding-right: 85px;}
#order ul li.li_3 .red{right: 90px;}
}
@media only screen and (max-width:1080px){
#order{background-size: auto 100%;}
}
@media only screen and (max-width:1024px){
.contactbox .cont{flex-wrap: wrap;}
.contactbox .txtbox{width: 100%;}
.contactbox .txtbox .text{line-height: 20px;}
#order{width: 100%;background-size: 100% auto;}
}
@media only screen and (max-width:768px){
.contactbox .txtbox .txt{padding: 4%;}
.contactbox .txtbox .titl em{padding-top: 13px;}
.contactbox .txtbox .text{padding-top: 15px;}
#order{padding: 5% 4%;}
#order .titl{position: relative;left: 0;top: 5px;}
#order ul{padding: 4% 0 1%;height: auto;}
}
@media only screen and (max-width:520px){
#order{background-size: auto 100%;}
}
@media only screen and (max-width:480px){
.contactbox .txtbox .txt{padding: 5% 4%;}
.contactbox .txtbox .text p{padding: 3px 0;}
#order .titl{font-size: 18px;white-space: normal;line-height: 20px;}
#order ul{margin: 0;padding: 5% 0 1%;}
#order ul li{padding: 5px 0;width: 100%;}
#order ul li .red{margin-top: -10px;}
#order ul li img{top: 5px;right: 0;}
#order ul li.li_3{padding-right: 80px;}
#order ul li.li_3 .red{right: 85px;}
#order ul li.li_4{max-width: 100%;padding: 10px 0;}
}